<!-- 
  * Copyright (c) 2022 iSoftStone Information Technology (Group) Co.,Ltd.
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
  *
  *     http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing, software
  * distributed under the License is distributed on an "AS IS" BASIS,
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
 -->
<template>
	<view class="syahBox">
		<view class="fold">
			<u-collapse :border="false" @change="gotoChange" @close="gotoClose" @open="gotoOpen" :value="['2']">
				<!-- <u-collapse-item title="赛制说明" name="1">
					<view class="u-collapse-content game">
						<view class="matter">
							本大赛面向所有在校大学生，注册、认证、报名即可参与成长计划学生挑战赛，若组团参与则参与人数不超过6人完成项目。本大赛为开发者提供OpenHarmony开源项目的实践机会及经费资助，提供奖金支持及荣誉激励，帮助学生在实践中获得成长。
						</view>
						<view class="headline">什么是联合国17项可持续发展目标？</view>
						<view class="matter">
							联合国17项可持续发展目标由联合国于2015年在联合国所有193个会员国的支持下创建，旨在消除贫困，确保繁荣和保护地球，在2030年解决所有17项可持续性发展目标。
						</view>
						<view class="headline">通过以下参与流程开启您的开发旅程</view>
						<view class="subtitle">第一步 活动报名</view>
						<view class="matter">点击立即报名进入小程序报名界面，认证学生身份并填写报名信息，提交报名表完成报名</view>
						<view class="subtitle">第二步 扫码进群</view>
						<view class="matter">
							扫描二维码并备注“挑战赛”，进入比赛交流群；
							<view class="codeImg">
								<u-image :showLoading="true" :src="code" @click="click" width="230" height="225"></u-image>
							</view>

						</view>
						<view class="subtitle">第三步 提案提交</view>
						<view class="matter">报名成功后，官方将提供指定仓库链接，提交项目提案至指定链接中，并在小程序中填写作品提交页。</view>
						<view class="subtitle">第四步 作品开发</view>
						<view class="matter">
							提案通过后签署“开发板发放协议”，通过邮件回复签署内容，官方将发放开发板，参赛者可进行作品开发。
						</view>
						<view class="subtitle">第五步 提交第一次参赛作品</view>
						<view class="matter">第一轮作品提交：在指定仓库中上传活动概述、参赛作品开源源码及相关文档及视频文件，格式统一用MD文档。</view>
						<view class="subtitle">第六步 第一次作品评估</view>
						<view class="matter">筛选50名入围团队，专家评审并提供迭代及润色建议，参赛个人或团队可进行下一步开发；</view>
						<view class="subtitle">第七步 提交第二次作品</view>
						<view class="matter">将迭代文件及拍摄120s视频短片阐述作品及其测试结果，更新至指定仓库链接中；</view>
						<view class="subtitle">第八步 Demo Day演示日</view>
						<view class="matter pd24">评委将选出二等奖并参加成长计划学生挑战赛Demo Day演示日中，角逐一等奖的3个席位并有机会获得成长计划学生挑战赛最高激励！</view>
					</view>
				</u-collapse-item> -->
				
				<u-collapse-item title="作品要求" name="2">
					<view class="u-collapse-content works">
						<view class="title">1.参赛作品要求：</view>
						<view class="content">作品要求为基于OpenHarmony系统开发的应用或设备，作品须使用OpenHarmony技术解决联合国 17
							项可持续发展目标中的一个或多个目标。作品描述中必须使用“OpenHarmony”全称，提交项目申请书并审核通过后才可进入第一轮作品提交，第二轮作品提交同理；项目申请书模板可在指定gitee仓下载。
						</view>
						<view class="title">2.参赛作品提交要求：</view>
						<view class="content">
							参赛者在指定仓库中上传参赛作品的开源源码或说明文档，格式统一用MD文档；活动概述及120s阐述作品的视频文件等相关文件，可自行生成链接并将链接填写至小程序作品提交中，作品需以“项目名称+负责人”格式命名。
						</view>
						<!-- <view class="pads">作品提交模板：</view>
						<view>·标题：项目名+团队名称+人数</view>
						<view>·仓库地址链接</view>
						<view>·团队名称+负责人ID（报名时所填写姓名或昵称）</view>
						<view>·作品视频展示如何解决目标问题或作品演示</view>
						<view>·实现原理</view> -->
						<view class="title">3.参赛作品原创要求：</view>
						<view class="content">您应保证所提交的作品为独立制作，拥有作品的全部知识产权，一旦发现抄袭、剽窃其他项目作品，经核实后，将取消参与资格，并由您承担相应的全部法律责任。
						</view>
						<view class="title">4.参赛作品无瑕疵要求：</view>
						<view class="content">
							您应保证所提交的作品为独立制作，并保证作品内容合法合规、不侵犯任何第三方的合法权益（该权益包括但不限于著作权、商标权、形象权和名誉权等权益）。如果作品内容存在或导致任何法律纠纷，将自动丧失参赛资格，并由您承担相应的全部法律责任。
						</view>
						<view class="title">5.源代码贡献要求：</view>
						<view class="content">本大赛参赛项目指定为开源项目，代码遵循Apache 2.0许可证进行开源，使用开源库、代码部分应标明出处。</view>
						<view class="title">6.使用要求：</view>
						<view class="content">
							您授予主办单位对您在本大赛所提交的包含参赛作品在内的参赛信息和个人信息进行展示、报道、宣传等用于市场宣传活动的权利，以及在全球范围内永久地、不可撤销地、免费地使用商标等相关的知识产权的权利。
						</view>
					</view>
				</u-collapse-item>
				<u-collapse-item title="评估标准" name="3">
					<view class="u-collapse-content assess">
						<view class="title">满分为100分，附加分为5分。</view>
						<view class="title">由大赛评审团根据以下评判标准对每个参赛作品进行评估及评分：</view>
						<view class="content">
							A：项目是否解决了针对联合国17项可持续发展目标中的一项或多项的明确挑战并在作品中呈现了这一点？（20分）
						</view>
						<view class="content">
							B：参赛团队是否提供足够详细的说明文档指导其他开发者运行/使用这个项目？（30 分）
						</view>
						<view class="content">
							C： 演示视频是否展示了样例的OpenHarmony相关特性，是否展现了参赛作品价值?（30 分）
						</view>
						<view class="content">
							D：参赛作品是否具有创新性、实用性及能产品化落地？（20 分）
						</view>
						<view class="content">
							<u-text text="附加分：开发过程中移植了三方组件库可获得额外加分（5分），请在作品中说明。" color="red" margin="10px 0"></u-text>
						</view>
						<!-- <view class="title">满分为 100 分，由大赛主委会评委根据参赛作品的影响及技术两个维度点评打分：大赛主委会评委将根据上述评判标准对每个参赛作品进行评估并评分。
						</view>
						<view class="subtitle">1.影响（60分）</view>
						<view>a) 项目是否确立了针对联合国17项可持续发展目标中的一项或多项的明确挑战？</view>
						<view>b) 是否用解决了某项具体可持续发展目标并清楚地解释了这一点？（20 分）</view>
						<view>c) 是否能落地该方案及能否真是的运用在真实场景中？（10 分）</view>
						<view>d) 如果团队要继续，最终产出是否能进一步解决其他的问题，或能否拓展该产品/代码在其他领域？（10 分）</view>
						<view>e) 是否有证据表明该解决方案已在真实用户中进行了测试？（10 分）</view>
						<view>f) 是否有证据表明该解决方案是根据用户反馈进行迭代的？（10 分）</view>
						<view class="subtitle">2.技术（40 分）</view>
						<view>a) 该解决方案是否实现了解决挑战所需的所有技术组件？（10 分）</view>
						<view>b) 参赛团队是否清楚地解释了他们使用什么OpenHarmony技术以及为什么，并包括有关运行代码的指导（10 分）</view>
						<view>c) 视频演示是否展示了作品的应用程序/设备功能，是否展示了OpenHarmony技术的功能实现该方案？是否能利用该功能与用户交互?（10 分）</view>
						<view class="pd24">d) 该技术目前的形式或结构变化能否支持更多的用户和规模的扩大？（10 分）</view> -->
					</view>
				</u-collapse-item>
				<u-collapse-item title="参赛条款" name="4">
					<view class="u-collapse-content assess">
						<view class="title">第一条 赛事详情</view>
						<view class="content">
							1、参赛时间
						</view>
						
					
					</view>
				</u-collapse-item>
			</u-collapse>
		</view>
		<view class="explainBox">
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				code: require("@/static/icon/code.png")
			}
		},
		methods: {
			gotoChange() {
				this.$emit("change", false)
			},
			gotoClose() {
				this.$emit("close", false)
			},
			gotoOpen() {
				this.$emit("open", false)
			}
		},

	}
</script>
<style lang="scss" scoped>
	.codeImg {
		margin-top: 20rpx;
		width: 460rpx;
		height: 450rpx;
	}

	.syahBox {
		.fold {
			.game {
				.matter {
					font-size: 28rpx;
					color: #999999;
					font-weight: 500;
				}

				.headline {
					font-size: 30rpx;
					color: #000000;
					font-weight: bold;
					margin: 40rpx 0;
				}

				.subtitle {
					font-size: 28rpx;
					color: #000000;
					font-weight: bold;
					margin-top: 40rpx;
				}
			}

			.works {
				font-size: 28rpx;
				color: #999999;

				.pads {
					margin-top: 20rpx;
				}
			}

			.pd24 {
				padding-bottom: 46rpx;
			}

			.assess {
				.title {
					font-size: 30rpx;
					color: #000000;
					font-weight: bold;
				}

				.subtitle {
					font-size: 28rpx;
					color: #000000;
					font-weight: bold;
					margin-top: 40rpx;
				}
			}

		}

		.title {
			font-weight: bold;
			font-size: 30rpx;
			line-height: 40px;
			color: #000000;
		}

		.content {
			line-height: 25px;
			font-size: 14px;

		}
	}
</style>
